import "./navbar.css"
import { Link } from "react-router-dom"


function Navbar(props) {
    console.log(props.index);
    return (
        <>
            <div className="navbar">
                <div className='item'>
                    <Link to="/home">
                        {
                            props.index == 1 ? <img src="../../assets/img/icon_main_home_sel.png" /> : <img src="../../assets/img/icon_main_home_normal.png" />
                        }
                        <p>首页</p>
                    </Link>
                </div>
                <div className='item'>
                    <Link to="/moreipvideo">
                        {
                            props.index == 2 ? <img src="../../assets/img/icon_main_course_sel.png" /> : <img src="../../assets/img/icon_main_course_normal.png" />
                        }

                        <p>IP视频</p>
                    </Link>
                </div>
                <div className='item'>
                    <Link to="/my">
                        {
                            props.index == 3 ? <img src="../../assets/img/icon_main_mine_sel.png" /> : <img src="../../assets/img/icon_main_mine_normal.png" />
                        }

                        <p>我的</p>
                    </Link>
                </div>
            </div>
            <div style={{ "height": "50px", "width": "100%" }}></div>
        </>
    )

}


export default Navbar;